<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    
    <body>

        <ui:composition template="./WEB-INF/indexTemplate.xhtml">
            <ui:define name="title">
                <h:outputText value="Prestamos bibliográficos"/>
            </ui:define>
            <div id="top">
                <ui:define name="top">
                    <div id="top-inner">
                        <div id="header"></div><!-- end of top-menu -->
                    </div><!-- end of top-inner -->
                </ui:define>
            </div>
            <ui:define name="content">
                <div class="content">
                    <div id="index-content">
                        <div id="index-content-header"></div><!-- end of index-content-header -->
                        <p:panel id="panel" header="Iniciar Sesión" styleClass="panel" style="width: 450px">
                            <p:growl id="growl" life="3000"/>
                            <h:form id="loginFrm" style="margin-left: 30px">
                                <p:focus />
                                <h:panelGrid columns="4">
                                    <h:outputText class="usuario" value="Usuario:" />
                                    <p:inputText id="usuario" value="#{loginBean.usuario}" required="true" requiredMessage="Usuario requerido" size="15"/>
                                    <h:graphicImage id="helpUser" value="images/help-icon.png" width="15" height="15" title="Ayuda" style="cursor: help">
                                        <p:tooltip for="helpUser" showEvent="click" value="Ingrese el usuario que la institución le ha proporcionado" showEffect="fade" hideEffect="fade"/>
                                    </h:graphicImage>
                                    <p:message for="usuario"/>
                                    <h:outputText class="password" value="Contraseña:" />
                                    <p:password id="password" value="#{loginBean.pass}" required="true" requiredMessage="Contraseña requerida" size="15"/>
                                    <h:graphicImage id="helpPass" value="images/help-icon.png" width="15" height="15" title="Ayuda" style="cursor: help">
                                        <p:tooltip for="helpPass" showEvent="click" value="Ingrese su contraseña" showEffect="fade" hideEffect="fade"/>
                                    </h:graphicImage>
                                    <p:message for="password"/>
                                    <h:outputText value=" " />
                                    <p:commandButton id="loginButton" value="Iniciar" update=":growl, :panel"   
                                                     action="#{loginBean.login}"   
                                                     oncomplete="handleLoginRequest(xhr, status, args)"/>  
                                    <h:outputText value=" " />
                                    <h:outputText value=" " />
                                    <h:outputText value=" " />
                                    <p:commandLink value="Olvidé mi contraseña" style="color: brown"/>
                                </h:panelGrid>
                            </h:form>
                        </p:panel>

                        <script type="text/javascript">  
                            function handleLoginRequest(xhr, status, args) {  
                                if(args.validationFailed || !args.loggedIn) {  
                                    jQuery('#loginFrm').effect("shake", { times:4 }, 60);  
                                } else {  
                                    dlg.hide();  
                                    jQuery('#loginFrm').fadeOut();  
                                }  
                            }  
                        </script>
                    </div><!-- end of index-content -->
                </div><!-- end of content -->
            </ui:define>
            <ui:define name="bottom"></ui:define>
        </ui:composition>

        <h:form>
            <h:commandLink action="/usuario/List" value="Show All Usuario Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/autor/List" value="Show All Autor Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/autorLibro/List" value="Show All AutorLibro Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/editorial/List" value="Show All Editorial Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/ejemplar/List" value="Show All Ejemplar Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/estante/List" value="Show All Estante Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/estanteNivel/List" value="Show All EstanteNivel Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/libro/List" value="Show All Libro Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/multa/List" value="Show All Multa Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/multaPrestamo/List" value="Show All MultaPrestamo Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/multaTipo/List" value="Show All MultaTipo Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/pais/List" value="Show All Pais Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/prestamo/List" value="Show All Prestamo Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/prestamoTipo/List" value="Show All PrestamoTipo Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/solicitante/List" value="Show All Solicitante Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/usuarioRol/List" value="Show All UsuarioRol Items"/>
        </h:form>
    </body>
















</html>
